<template>
  <div>
    <van-cell :value="floorType || '内容'" is-link @click="show = true">
      <!-- 使用 title 插槽来自定义标题 -->
      <template #title>
        <span class="custom-title">所在楼层</span>
      </template>
    </van-cell>
    <van-action-sheet v-model="show" :actions="floorType.map(item=>item.label)" @select="onSelect" />
  </div>
</template>

<script>
export default {
  props: ['floorType'],
  data () {
    return {
      show: false,
      a: ''
    }
  },

  methods: {
    onSelect (item) {
      // 默认情况下点击选项时不会自动收起
      // 可以通过 close-on-click-action 属性开启自动收起
      this.show = false
      this.$emit('floorType', item.name)
    }
  }
  // computed () {
  //   console.log(this.floorType)
  //   const a = this.floorType.map(item => item.label)
  //   console.log(a)
  // }
}
</script>

<style></style>
